<!DOCTYPE html>
<html lang="zhcn">
<!--
/*
 *
 *  ███████    ██  ▄████▄   ██ ▄█▀        ██████╗ ██╗   ██╗ ██████╗
 * ▓██   ▒ ██  ▓██▒▒██▀ ▀█   ██▄█▒        ██╔══██╗██║   ██║██╔════╝
 * ▒████ ░▓██  ▒██░▒▓█    ▄ ▓███▄░        ██████╔╝██║   ██║██║  ███╗
 * ░██▒  ░▓▓█  ░██░▒▓▓▄ ▄██▒▓██ █▄        ██╔══██╗██║   ██║██║   ██║
 * ░██░   ▒▒█████▓ ▒ ▓███▀ ░▒██▒ █▄       ██████╔╝╚██████╔╝╚██████╔╝
 *  ▒ ░   ░▒▓▒ ▒ ▒ ░ ░▒ ▒  ░▒ ▒▒ ▓▒       ╚═════╝  ╚═════╝  ╚═════╝
 *  ░     ░░▒░ ░ ░   ░  ▒   ░ ░▒ ▒░
 *  ░ ░    ░░░ ░ ░ ░        ░ ░░ ░
 *           ░     ░ ░      ░  ░
 *
 *
 *  HUIB综合交流群：1003084383
 *  HUIB资源分享群：910387038
 *  QQ：2467226497
 *
 */
-->

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="renderer" content="webkit" />
        <meta name="pagename" content="startup" />
        <title>index</title>
        <link rel="stylesheet" href="css/styles.css?a=18500">

        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/drag.js"></script>
        <script type="text/javascript" src="js/color.js"></script>
    <head>

    <body>
        <div class="main">
            <div class="header">
                <p>GH 屏幕拾色器<li id="close"></li><li id="menu"></li></p>
            </div>

            <div class="page-1">
                <div class="color-ring" id="color-ring">
                    <canvas id="ctx"></canvas>
                    <div class="slider-color"></div>
                    <div class="color-a" title="点击复制"></div><div class="color-b"></div>
                    <input class="color-hex" value="FFFFF">
                </div>
                    
                <div class="slider">
                    <p>饱和度</p>
                    <div class="block s"><li SliderID="c_s"></li></div>
                </div>
                <div class="slider">
                    <p>明度</p>
                    <div class="block l"><li SliderID="c_l"></li></div>
                </div>
                <div class="slider slider2">
                    <p style="margin-bottom:18px">透明度</p>
                    <div class="block a"><li SliderID="c_a"></li><input value="0%"></div>
                    
                </div>

                <div class="paint-box">
                    <div class="straw big" title="点击开始取色"><li></li></div>
                    <div class="big" id="color-big" old-color="rgb(0,0,0)" title="点击复制"></div>
                    <div class="old">
                        <div class="big mini" id="mini-color-1"></div>
                        <div class="big mini" id="mini-color-2"></div>
                        <div class="big mini" id="mini-color-3"></div>
                        <div class="big mini" id="mini-color-4"></div>
                        <div class="big mini" id="mini-color-5"></div>
                        <div class="big mini" id="mini-color-6"></div>
                        <div class="big mini" id="mini-color-7"></div>
                        <div class="big mini" id="mini-color-8"></div>
                        <div class="big mini" id="mini-color-9"></div>
                        <div class="big mini" id="mini-color-10"></div>
                    </div>
                </div>
            </div>
        </div>
        <iframe src="https://huib6.gitee.io/gh_selcolor/statistics.html" frameborder="0" style="width:0px;height:0px;position:relative;top:-999;left:-999px"></iframe>
        <script type="text/javascript" src="js/main.js?v=0.0020"></script>

    </body>
</html>